img,
a {
  -webkit-touch-callout: none;
}
a,
button {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
}

a {
  text-decoration: none;
  color: currentColor;
}

div {
  box-sizing: border-box;
}

// #app {
//     max-width: 640px;
//     min-width: 320px;
//     margin: 0 auto;
// }

// 头部
header{
    position: relative;
    // margin: 0 auto;
    width:10rem;
    background-color: #ffdb47;
    height: 7rem;
    background: url(./img/bg.jpg) no-repeat;
    background-size: 10rem 7rem;
}
// .header_bg{
    // // position: absolute;
    // background: url(./img/bg.jpg) no-repeat;
    // background-size: 100%;
    // background-position: center bottom;
    // bottom: 0;
// }
.header_top{
    display: flex;
    height: 1.32rem;
    justify-content: space-between;
    align-items: center;
    margin: 0 0.307rem 0 0.32rem;
}
.header_top div img{
    width: .426667rem;
    height: 27.5px;
}
.header_top_center>img{
    width: 4.933333rem;
    height: .92rem;
}

.header_bottom{
  display: flex;
  align-items: center;
  width: 9.333333rem;
  height: .866667rem;
  border-radius: 0.5rem;
  background: white;
  margin: 0 .32rem;
  padding-left: .32rem;

  div{
    svg{
      width: .373333rem;
      height: .373333rem;
      margin-bottom: .226667rem;
      fill: #cacaca;
    }
  }
  span{
    font-size: .32rem;
    color: #cacaca;
    margin-left: .146667rem;
  }
}